Перейти к основному содержимому

3.10. Итоги

ДЛЯ НОВИЧКОВНЕ ДЛЯ НОВИЧКОВНЕ ОБЯЗАТЕЛЬНОВ РАЗРАБОТКЕ

Разработчику Аналитику Тестировщику
Архитектору Инженеру

Основные категории стилей:

  • Селекторы (классы, ID, атрибуты);
  • Макеты (Flexbox, Grid);
  • Адаптивность (медиа-запросы);
  • Анимации и эффекты.

Селекторы:

  • Базовые (элемент, класс, ID);
  • Атрибутные ([attribute="value"]);
  • Псевдоклассы (:hover, :nth-child);
  • Псевдоэлементы (::before, ::after).

Макеты:

  • Flexbox для одномерных раскладок;
  • Grid для двумерных раскладок;
  • Позиционирование (relative, absolute, fixed);
  • Отображение (display: block, inline, flex).

Три основных правила написания CSS:

  1. Используйте методологию организации (BEM, OOCSS).
  2. Соблюдайте принцип DRY (Don't Repeat Yourself).
  3. Тестируйте на разных устройствах и разрешениях.

Три фундаментальных момента:

  • Каскадность определяет приоритет стилей;
  • Специфичность влияет на применение правил;
  • Производительность зависит от оптимизации кода.